'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')

module.exports = {
  dev: {

    // 资源子目录，指 js, css，img 存放的目录，其路径相对于index.html
    // 此时 index.html 中 js,css 的资源路径是这样的：
    // <script src="/static/js/manifest.js?v=8cca728d">,注意路径要加上：/static/
    assetsSubDirectory: 'static',

    // 资源目录，指 assetsSubDirectory 目录，也就是js,css,img等资源相对于服务器 host 地址，如果找不到js等，可以改路径为 ‘./’。
    assetsPublicPath: '/', 

    // 可以被 process.env.HOST 覆盖
    host: 'localhost', 

    // 可被 process.env.PORT覆盖, 若端口被使用中, 会自行选择一个空闲的端口
    port: 8080, 
    autoOpenBrowser: true,  // 运行服务后，自动启动项目（可设置为 false）
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

    // https://webpack.js.org/configuration/devtool/#development
    devtool: 'cheap-module-eval-source-map',

    // debugging 过程中 有问题，可以把此项设置为 false
    // https://vue-loader.vuejs.org/en/options.html#cachebusting
    cacheBusting: true,
    cssSourceMap: true,

    env: require('./dev.env'),

    proxyTable: { // 请求代理服务器
      '/api': {
        target: 'http://ergouzi.fun:8089',// 接口域名和端口号
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '/'// 这里理解成用‘/api’代替target里面的地址， 这是否有 / 
                     // 后面组件中我们调接口时直接用api代替 
                     // 调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
        }
      }
    }
  },

  build: {
     // 将index.htlm 指定生成在dist下
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),

    // 指定静态文件 js/css等与index平级
    assetsSubDirectory: 'static',

    
    // nginx 配置1 （共3点）
    // 指定引用地址为相对地址，这样生成的文件就可以直接打开了
    // 若指定为 '/' 代表是根目录地址，属于可以发布在单独服务器上的
    assetsPublicPath: '/breeze',

    /**
     * Source Maps
     */

    productionSourceMap: true,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

    // 设置为 true 前要执行：
    // npm install --save-dev compression-webpack-plugin
    productionGzip: false, 
    productionGzipExtensions: ['js', 'css'],

    // 根据参数执行构建，构建完成后可运行命令： `npm run build --report` 查看报告
    // 可设置 true、false 来开或者关
    bundleAnalyzerReport: process.env.npm_config_report
  }
}
